import { getToken, setToken, removeToken } from '@/utils/auth'
import { login, getUserInfo, getUserDetailById } from '@/api/user'
import { resetRouter } from '@/router'
const state = {
  // token
  token: getToken(),
  // 用户资料
  userInfo: {}
}

const mutations = {
  // 设置token
  setToken(state, data) {
    state.token = data
    setToken(data)
  },
  // 删除token
  removeToken(state) {
    state.token = null
    removeToken()
  },
  // 设置用户资料
  setUserInfo(state, data) {
    state.userInfo = { ...data }
  },
  // 删除用户资料
  removeUserInfo() {
    state.userInfo = {}
  }
}

const actions = {
  // 登录的action，给登录页面去调用
  async login(context, data) {
    const result = await login(data)
    context.commit('setToken', result)
  },
  // 获取用户资料的action
  async getUserInfo(context) {
    // 获取用户基本资料
    const res = await getUserInfo()
    // 用于获取用户头像信息
    const res2 = await getUserDetailById(res.userId)
    const baseResult = { ...res, ...res2 }
    context.commit('setUserInfo', baseResult)
    // 返回一些信息(核心点！一定要有return，为将来做权限路由筛选做准备工作)
    return baseResult
  },
  // 退出的操作
  logout({ commit }) {
    // 清空token和用户资料
    commit('removeToken')
    commit('removeUserInfo')
    // 重置路由
    resetRouter()
    // vuex 里面 user模块的action里面调用 permission模块里面的mutations方法
    commit('permission/setRoutes', [], { root: true })
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}
